<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" charset="utf-8" />
	<meta name="author" content="4F SHOP" />
    <link href="css/bootstrap.css" rel="stylesheet" media="screen"/>
    <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen"/>
    <link href="css/smoothness/jquery-ui-1.9.2.custom.css" rel="stylesheet" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
	<title>4F SHOP</title>
</head>

<body>
	<!--Header-->
	<header>
		<img class="logo" src="images/logo.png" title="logo" />	
		<div class="account">
            <img src="images/avatar.jpg" alt="avatar" title="avatar" />
            <div class="info">
            	Chào
            	<p>Administrator</p>
            </div>
        </div>
	</header>
	<!--End Header-->

	<!--Nav-->
	<nav>
		<li><a href="#" class="item" title=""><span class="icon icon-home"></span> Bảng chính</a></li>
		<li><a href="#" class="item" title=""><span class="icon icon-product"></span> Sản phẩm <span class="icon-arrow"></span></a>
            <ul>
                <li><a href="" title="">Danh mục</a></li>
                <li><a href="" title="">Sản phẩm</a></li>
                <li><a href="" title="">Hãng sản xuất</a></li>
                <li><a href="" title="">Thuộc tính</a></li>
            </ul>
        </li>
		<li><a href="#" class="item" title=""><span class="icon icon-order"></span> Hóa đơn <span class="icon-arrow"></span></a>
			<ul>
                <li><a href="" title="">Đơn đặt hàng</a></li>
                <li><a href="" title="">Trả đơn</a></li>
                <li><a href="" title="">Khách hàng</a></li>
            </ul>
		</li>
		<li><a href="#" class="item" title=""><span class="icon icon-member"></span> Thành viên <span class="icon-arrow"></span></a>
			<ul>
                <li><a href="" title="">Thành viên</a></li>
				<li><a href="" title="">Chờ khích hoạt</a></li>
                <li><a href="" title="">Nhóm thành viên</a></li>
            </ul>
		</li>
		<li><a href="#" class="item" title=""><span class="icon icon-statistics"></span> Thông kê <span class="icon-arrow"></span></a>
            <ul>
                <li><a href="" title="">Lượt truy cập</a></li>
				<li><a href="" title="">Thông kê doanh thu</a></li>
            </ul>
        </li>
		<li><a href="#" class="item" title=""><span class="icon icon-settings"></span> Cài đặt <span class="icon-arrow"></span></a>
            <ul>
				<li><a href="" title="">SEO Website</a></li>
                <li><a href="" title="">Backup Database</a></li>
            </ul>
        </li>
	</nav>
	<!--End Nav-->

	<!--Tabs-->
	<div class="tabs">
        <span class="item"><a href="#" title="">bảng điều khiển</a></span>
        <span class="icon-arrow">&gt;</span>
        <span class="item">sản phẩm</span>
	</div>
	<!--End Tabs-->

	<!--Container-->
	<div class="container">
		<!--<div class="table-content">
            <div class="list-btn">
                <input type="submit" class="btn btn-success" value="Thêm" />
                <input type="submit" class="btn btn-warning" value="Sửa" />
                <input type="submit" class="btn btn-danger" value="Xóa" />
            </div>
            <div class="clearAll"></div>
			<div class="title"><span class="icon-user" style="margin-top: 4px; margin-right: 10px;"></span>Register User</div>
			<div class="error"></div>
			<div class="box-field">
                <table class="altrowstable" id="alternatecolor">
                    <tr>
                    	<th>Tên Field</th><th>Input Field</th>
                    </tr>
                    <tr>
                    	<td>Tên đăng nhập</td>
                        <td><input type="text" name="user" value="" placeholder="Ex: onepro166" /></td>
                    </tr>
                    <tr>
                    	<td>Mật khẩu</td>
                        <td><input type="password" name="pass" value="" placeholder="Nhập mật khẩu" /></td>
                    </tr>
                    </tr>
                    <tr>
                    	<td>Email</td>
                        <td><input type="text" name="email" value="" placeholder="Ex: example@gmail.com" /></td>
                    </tr>
                    <tr>
                    	<td>Họ Tên</td>
                        <td><input type="text" name="fullname" value="" placeholder="Ex: Phạm Tiến" /></td>
                    </tr>
                    <tr>
                    	<td>Ngày sinh</td>
                        <td><input type="text" name="birth" id="birth" placeholder="Ex: 16/06/1992"  /></td>
                    </tr>
                    <tr>
                    	<td>Giới tính</td>
                        <td><input type="radio" name="sex" value="1" /> Nam   <input type="radio" name="sex" value="2" /> Nữ</td>
                    </tr>
                    <tr>
                    	<td>Điện thoại</td>
                        <td><input type="text" name="phone" value="" placeholder="Ex: 0912345678" /></td>
                    </tr>
                    <tr>
                    	<td>Địa chỉ</td>
                        <td><input type="text" name="address" class="span5" value="" placeholder="Ex: 123Bis, CMT8, Q.10, Tp.HCM" /></td>
                    </tr>
                    <tr>
                    	<td>Trạng thái</td>
                        <td><input type="checkbox" name="active" value="1" /></td>
                    </tr>
                    <tr>
                    	<td>Nhận Email từ BQT</td>
                        <td><input type="checkbox" name="sendemail" value="1" /></td>
                    </tr>
                </table>
			</div>
		</div>-->
              
              
              
              
              
              
              
              
              
              
        <div class="table-data">
            <div class="list-btn">
                <input type="submit" class="btn btn-success" value="Thêm" />
                <input type="submit" class="btn btn-warning" value="Sửa" />
                <input type="submit" class="btn btn-danger" value="Xóa" />
            </div>
            <div class="clearAll"></div>
			<div class="title">Table Sort</div>
			<div class="error"></div>
			<div class="box-field">
                <table class="altrowstable" id="alternatecolor">
                    <tr>
                    	<th class="cbox"><input type="checkbox" id="CheckAll" /></th>
                        <th><span id="username">Tài khoản</span></th>
                        <th><span id="fullname">Họ Tên</span></th>
                        <th><span id="email">Email</span></th>
                        <th><span id="phone">Phone</span></th>
                        <th><span id="status">Status</span></th>
                        <th><span id="created">Ngày cập nhật</span></th>
                    </tr>
                    <tr>
                    	<td><input type="checkbox"/></td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 2B</td>
                        <td>Text 2C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 3B</td>
                        <td>Text 3C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 4B</td>
                        <td>Text 4C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 5B</td>
                        <td>Text 5C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 3B</td>
                        <td>Text 3C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 4B</td>
                        <td>Text 4C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 5B</td>
                        <td>Text 5C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 3B</td>
                        <td>Text 3C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 4B</td>
                        <td>Text 4C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 5B</td>
                        <td>Text 5C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 3B</td>
                        <td>Text 3C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 4B</td>
                        <td>Text 4C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td><input type="checkbox" /></td>
                        <td>Text 5B</td>
                        <td>Text 5C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                        <td>Text 1B</td>
                        <td>Text 1C</td>
                    </tr>
                    <tr>
                    	<td colspan="7" style="text-align: center;">
                            <a class="btn btn-small"><div class="icon-chevron-left"></div></a>
                            <a class="btn btn-small">1</a>
                            <a class="btn btn-small">2</a>
                            <a class="btn btn-small btn-primary">3</a>
                            <a class="btn btn-small">4</a>
                            <a class="btn btn-small">5</a>
                            <a class="btn btn-small"><div class="icon-chevron-right"></div></a>
                        </td>
                    </tr>
                </table>
			</div>
		</div>
    
                
	</div>
	<!--End Container-->

	<!--Footer-->
	<footer>
        <p>&COPY; 2013 - 2015. Thiết kế bởi: Tiến Phạm</p>
        <p>onepro166@gmail.com</p>
	</footer>
	<!--End Footer-->
</body>
</html>